<template>
  <el-tabs tabPosition="left" v-model="activeName">
    <el-tab-pane name="default" label="默认插槽 "><use-default></use-default></el-tab-pane>
    <el-tab-pane name="juming" label="具名插槽"><use-juming></use-juming></el-tab-pane>
    <el-tab-pane name="scoped" label="作用域插槽"><use-scoped></use-scoped></el-tab-pane>
  </el-tabs>
</template>

<script setup lang="ts">
    import { ref } from 'vue'
    import UseDefault from './default/Father.vue'
    import UseJuming from './juming/Father.vue'
    import UseScoped from './scoped/Father.vue'
    const activeName = ref('default');
</script>

<style scoped></style>
